






<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>后台管理系统</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="http://hippostatic.oss-cn-beijing.aliyuncs.com/admin/css/global.css?t=1488795362026" media="all">
    <link rel="stylesheet" href="http://hippostatic.oss-cn-beijing.aliyuncs.com/admin/css/layui.css?t=1488795362026"  >
    <link rel="stylesheet" href="http://hippostatic.oss-cn-beijing.aliyuncs.com/admin/css/upload.css?t=1488795362026"  >

    <script src="http://hippostatic.oss-cn-beijing.aliyuncs.com/admin/js/jquery.js"></script>
    <script type="text/javascript" charset="utf-8" src="../umeditor/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="../umeditor/ueditor.all.min.js"> </script>
    <script type="text/javascript" charset="utf-8" src="../umeditor/lang/zh-cn/zh-cn.js"></script>

    <link href="http://hippostatic.oss-cn-beijing.aliyuncs.com/admin/css/select2.min.css" rel="stylesheet" />
    <script src="http://hippostatic.oss-cn-beijing.aliyuncs.com/admin/js/select2.min.js"></script>

</head>
<body>
<div class="layui-layout layui-layout-admin">
    

<div class="layui-header header header-demo">
    <div class="layui-main"> <a class="logo" href="/"> </a>
        <ul class="layui-nav" pc>
            <li class="right"> <span> 用户：yuhe</span><a href="/logout" class="out">退出</a> </li>
        </ul>
    </div>
</div>
    


<div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
        <ul class="layui-nav layui-nav-tree site-demo-nav">
            <li class="layui-nav-item layui-nav-itemed"><a class="javascript:;" href="javascript:;">基础内容管理</a>
                <dl class="layui-nav-child">
                    <dd class=""><a href="/series/list">系列管理</a></dd>
                    <dd class="layui-this"><a href="/live/list">直播管理</a></dd>
                    <dd class=""><a href="/video/list">视频管理</a></dd>
                    <dd class=""><a href="/article/list">图文管理</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item layui-nav-itemed"><a class="javascript:;" href="javascript:;">聚合内容管理</a>
                <dl class="layui-nav-child">
                    
                        <dd class=""><a href="/competition/list">赛事管理</a></dd>
                        <dd class=""><a href="/organization/list">机构管理</a></dd>
                    
                    <dd class=""><a href="/feed/list">标准列表管理</a></dd>
                </dl>
            </li>
            
                <li class="layui-nav-item layui-nav-itemed"><a class="javascript:;" href="javascript:;">Tab管理</a>
                    <dl class="layui-nav-child">
                        <dd class=""><a href="/f1/article/list">F1管理</a></dd>
                        <dd class=""><a href="/ad/list">F1 Banner</a></dd>
                        <dd class=""><a href="/ad/start/list">启动屏广告</a></dd>
                        <dd class=""><a href="/f1/sorting/list">F1排序</a></dd>
                        <dd class=""><a href="/f2/sorting/list">F2-Tab1排序</a></dd>
                        <dd class=""><a href="/f2/recordSorting/list">F2-Tab2排序</a></dd>
                        <dd class=""><a href="/channel/list">F3频道管理</a></dd>
                    </dl>
                </li>
            
            
                <li class="layui-nav-item layui-nav-itemed"><a class="javascript:;" href="javascript:;">运营管理</a>
                    <dl class="layui-nav-child">
                        <dd class=""><a href="/review/list">评论管理</a></dd>
                        <dd class=""><a href="/user/message/home">系统消息</a></dd>
                        <dd class=""><a href="/feedback/list">用户反馈</a></dd>
                    </dl>
                </li>
            
            
                <li class="layui-nav-item layui-nav-itemed"><a class="javascript:;" href="javascript:;">统计信息</a>
                    <dl class="layui-nav-child">
                        <dd class=""><a href="/statistics/result/list">统计信息</a></dd>
                    </dl>
                </li>
            
            
                <li class="layui-nav-item layui-nav-itemed"><a class="javascript:;" href="javascript:;">用户管理</a>
                    <dl class="layui-nav-child">
                        <dd class=""><a href="/user/list">用户管理</a></dd>
                    </dl>
                </li>
            
            
                <li class="layui-nav-item layui-nav-itemed"><a class="javascript:;" href="javascript:;">系统管理</a>
                    <dl class="layui-nav-child">
                        <dd class=""><a href="/admin/user/list">后台帐号管理</a></dd>
                        <dd class=""><a href="/multi_app/list">App管理</a></dd>
                    </dl>
                </li>
            
            <li class="layui-nav-item" style="height: 30px; text-align: center"></li>
        </ul>
    </div>
</div>

    <div class="layui-tab layui-tab-brief" lay-filter="demoTitle">
        <div class="layui-body layui-tab-content site-demo site-demo-body">
            <div class="mian">
                <form class="layui-form enen">
                    <div class="layui-form-item">
                        <label class="layui-form-label">直播id：</label>
                        <div class="layui-input-block" style="position: relative;top:10px;">
                            173
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">直播标题：</label>
                        <div class="layui-input-block">
                            <input type="hidden" name="id" value="173">
                            <input type="text" name="title" required  lay-verify="required" value="第一届北京女子业余篮球赛冠亚军决赛及颁奖典礼" placeholder="请输入标题" autocomplete="off" class="layui-input" style="width:400px;">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">描述：</label>
                        <div class="layui-input-block">
                            <textarea name="description" required  lay-verify="required" placeholder="请输入内容" class="layui-textarea">2018年1月19日20：00，第一届北京女子业余篮球赛冠亚军决赛及颁奖典礼直播准时开始，精彩不容错过！</textarea>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">默认封面图片：</label>
                        <div class="img btn_upload" >
                            
                                
                                    <img src="http://src.hippotv.cn/hippoapp/admin/images/image/20180118/09af64f350848763d5c449f06cd5009e.jpg">
                                
                                
                            

                            <div class="layui-input-block" style="opacity:0" >
                                <input name="coverUrl" type="hidden" value="http://src.hippotv.cn/hippoapp/admin/images/image/20180118/09af64f350848763d5c449f06cd5009e.jpg" class="_up_bg">
                                <input type="file" name="imgFile" lay-type="file" class="layui-upload-file" style="width:263px; height:165px; " >
                            </div>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">作者：</label>
                        <div class="layui-input-block">
                            <input type="text" name="author_label_name" value="" required
                                   lay-verify="required"
                                   placeholder="作者名称" autocomplete="off" class="layui-input" style="width:400px;">
                        </div>
                        <div class="layui-input-block">
                            <input type="radio" name="author_label_source_type" value="5" title="标准列表"
                                   >
                            <input type="radio" name="author_label_source_type" value="6" title="机构"
                                   >
                            <input type="radio" name="author_label_source_type" value="7" title="赛事"
                                   >
                            <input type="radio" name="author_label_source_type" value="0" title="无"
                                   >
                        </div>
                        <div class="layui-input-block">
                            <input type="text" name="author_label_source_id" value="0" required selectid
                                   lay-verify="required" placeholder="所属ID" autocomplete="off"
                                   class="layui-input" style="width:400px;">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">发布时间：</label>
                        <div class="layui-input-block">
                            <input class="layui-input" name="publishTime" placeholder="发布时间" value="2018-01-18 16:34:12" onclick="layui.laydate({elem: this, istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">预计开始时间：</label>
                        <div class="layui-input-block">
                            <input class="layui-input" name="startTime" placeholder="预计开始时间" value="2018-01-19 20:00:00" onclick="layui.laydate({elem: this, istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">


                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">预计结束时间：</label>
                        <div class="layui-input-block">

                            <input class="layui-input" name="stopTime" placeholder="预计结束时间" value="" onclick="layui.laydate({elem: this, istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">

                            <input type="checkbox" name="canSubscribe" lay-skin="primary" title="可预约"  checked="checked" >
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">是否推荐至首页</label>
                        <div class="layui-input-block">
                                 <input type="checkbox" name="homePage" lay-skin="switch"
                                   checked
                                   lay-text="ON|OFF">
                        </div>
                    </div>
                     <div class="layui-form-item">
                        <label class="layui-form-label">是否显示logo</label>
                        <div class="layui-input-block">
                            <input type="checkbox" name="islogo" lay-skin="switch"
                                   checked
                                   lay-text="ON|OFF">
                        </div>
                    </div>


                    <div class="layui-form-item">
                        <div class="layui-tab layui-tab-card">
                            <ul class="layui-tab-title">
                                <li  class="layui-this"  >预约</li>
                                <li  >直播中</li>
                                <li  >回放</li>
                            </ul>
                            <div class="layui-tab-content">
                                <div class="layui-tab-item layui-show">

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">直播前封面（预约）：</label>
                                        <div class="img btn_upload" >
                                            
                                                
                                                    <img src="http://src.hippotv.cn/hippoapp/admin/images/image/20180118/09af64f350848763d5c449f06cd5009e.jpg">
                                                
                                                
                                            
                                            <div class="layui-input-block" style="opacity:0" >
                                                <input name="waitCoverUrl" type="hidden" value="http://src.hippotv.cn/hippoapp/admin/images/image/20180118/09af64f350848763d5c449f06cd5009e.jpg" class="_up_bg">
                                                <input type="file" name="imgFile" lay-type="file" class="layui-upload-file" style="width:263px; height:165px; " >
                                            </div>
                                        </div>
                                    </div>


                                    <div class="layui-form-item">
                                        <label class="layui-form-label">预约头部内容</label>
                                        <div class="layui-input-block tab_radio">
                                            <input type="radio" name="waitTopType" value="0" title="图片"  checked="" >
                                            <input type="radio" name="waitTopType" value="1" title="视频"  >
                                        </div>
                                    </div>

                                        <div class="layui-form-item none show" tagbox>
                                            <label class="layui-form-label">头部图片：</label>
                                            <div class="img btn_upload" >
                                                
                                                    
                                                        <img src="http://src.hippotv.cn/hippoapp/admin/images/image/20180118/09af64f350848763d5c449f06cd5009e.jpg">
                                                    
                                                    
                                                
                                                <div class="layui-input-block" style="opacity:0" >
                                                    <input name="waitTopImgUrl" type="hidden" value="http://src.hippotv.cn/hippoapp/admin/images/image/20180118/09af64f350848763d5c449f06cd5009e.jpg" class="_up_bg">
                                                    <input type="file" name="imgFile" lay-type="file" class="layui-upload-file" style="width:263px; height:165px; " >
                                                </div>
                                            </div>
                                        </div>

                                        <div class="layui-form-item none  " tagbox>
                                            <label class="layui-form-label">头部视频：</label>
                                            <div class="layui-input-block up_video">
                                                <input type="radio" name="myradio" value="random_name"  checked=true style="display:none"/>

                                                <input type="hidden" name="waitVideoId" value="" class="videoId">
                                                <div id="ossfile">你的浏览器不支持flash,Silverlight或者HTML5！</div>
                                                <div id="container"><a id="selectfiles" href="javascript:void(0);" class='btn'>选择文件</a> <a id="postfiles" href="javascript:void(0);" class='btn'>开始上传</a> </div>
                                            </div>
                                        </div>


                                    <div class="layui-form-item layui-form-text">
                                        <label class="layui-form-label">预约介绍</label>
                                        <div class="layui-input-block">
                                             <textarea id="waitArticle" name="waitArticle" style="width:100%;height:300px;"><style>
.container{font-size:14px;line-height:30px;}
.container img{ width: 100% }
.container p{word-wrap:break-word;}
</style><div class="container"><p>2018年1月19日20：00，第一届北京女子业余篮球赛冠亚军决赛及颁奖典礼直播准时开始，精彩不容错过！</p><p><br/></p><p>为了广泛开展全民健身活动，加快推进体育强国建设，增强人民体质，提高健康水平，满足人民群众日益增长的多元化体育健身需求，丰富女性文化体育活动的需求，中国城市和小城镇改个发展中心在北京举办“第一届女子业余篮球赛”。</p><p><br/></p><p>1月19日20：00，第一届北京女子业余篮球赛冠亚军决赛及颁奖典礼，将在北京世贸天阶篮球馆准时开始。相信这会是一场精彩纷呈的巅峰夺冠之战，精彩程度不容小觑，请拭目以待！</p><p><br/></p><p>时间安排如下：</p><p><img src="http://src.hippotv.cn/upload/image/20180118/f1ad0aff25b6db642e13670a8425e06a.jpg" title="f1ad0aff25b6db642e13670a8425e06a.jpg" alt="比赛详细信息.jpeg"/></p></div></textarea>
                                        </div>
                                    </div>

                                </div>
                                <div class="layui-tab-item">

                                    <div class="layui-form-item layui-form-text">
                                        <label class="layui-form-label">数据</label>
                                        <div class="layui-input-block">
                                            <textarea id="liveData" name="liveData" style="width:100%;height:300px;"></textarea>
                                        </div>
                                    </div>

                                </div>
                                <div class="layui-tab-item">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">回放封面：</label>
                                        <div class="img btn_upload" >
                                            
                                                
                                                
                                                    <img src="http://hippostatic.oss-cn-beijing.aliyuncs.com/admin/images/tp/img_load.png">
                                                
                                            
                                            <div class="layui-input-block" style="opacity:0" >
                                                <input name="recordCoverUrl" type="hidden" value="" class="_up_bg">
                                                <input type="file" name="imgFile" lay-type="file" class="layui-upload-file" style="width:263px; height:165px; " >
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    

<div class="layui-footer footer footer-demo">
    <div class="layui-main">
        <p>2017 &copy; <a href="/">layui.com</a> MIT license</p>
    </div>
</div>
<div class="site-tree-mobile layui-hide"> <i class="layui-icon">&#xe602;</i> </div>
<div class="site-mobile-shade"></div>
</div>
<script src="http://hippostatic.oss-cn-beijing.aliyuncs.com/admin/layui.js"></script>
<script src="http://hippostatic.oss-cn-beijing.aliyuncs.com/admin/js/fun.js"></script>
<script type="text/javascript" src="http://hippostatic.oss-cn-beijing.aliyuncs.com/admin/js/lib/crypto1/crypto/crypto.js"></script>
<script type="text/javascript" src="http://hippostatic.oss-cn-beijing.aliyuncs.com/admin/js/lib/crypto1/hmac/hmac.js"></script>
<script type="text/javascript" src="http://hippostatic.oss-cn-beijing.aliyuncs.com/admin/js/lib/crypto1/sha1/sha1.js"></script>
<script type="text/javascript" src="http://hippostatic.oss-cn-beijing.aliyuncs.com/admin/js/lib/base64.js"></script>
<script type="text/javascript" src="http://hippostatic.oss-cn-beijing.aliyuncs.com/admin/js/lib/plupload-2.1.2/js/plupload.full.min.js"></script>
<script type="text/javascript" src="http://hippostatic.oss-cn-beijing.aliyuncs.com/admin/js/upload.js"></script>




<!--弹出层-->
<div class="lay_select" style="display: none; z-index: 2000;">
    <div class="serch">
        <a class="close"><img src="http://hippostatic.oss-cn-beijing.aliyuncs.com/admin/images/close_btn.png"></a>
        <form action="/ref/ref.json" method="post" class="layui-form enen" >
            <div class="layui-input-inline" style=" width: 100px;">
                <select name="s_type" class="typeid" >
                    
                    <option value="1"
                            >图文</option>
                    <option value="2"
                            >视频</option>
                    <option value="3"
                            >直播</option>
                    <option value="4"
                            >系列</option>
                    <option value="5"
                            >标准列表</option>
                    <option value="6"
                            >机构</option>
                    <option value="7"
                            >赛事</option>
                    <option value="8"
                            >系列分类</option>
                    
                    <option value="10"
                            >频道</option>
                </select>
            </div>
            
                
            
            <div class="layui-input-inline">
                <a class="sear_btn layui-btn" href="javascript:;" />搜索</a>
            </div>
            <a  class="layui-btn layui-btn-danger" href="javascript:;" />确认</a>

        </form>
    </div>
    <div class="conent">
        <ul class="list">

        </ul>
    </div>
    <div id="demo1"></div>
</div>
<!--/弹出层-->
<script>
    layAjax.init()
</script>

<script>
    $(".btn_upload").each(function(index, element) {
        var btn=$(this).find("img");
        var file=$(this).find(".layui-upload-file");
        btn.click(function(){
            file.click();
            window.self=$(this)
        })
        layui.use('upload', function(){
            layui.upload({
                url: '/upload/image.json'
                ,elem: file //指定原始元素，默认直接查找class="layui-upload-file"
                ,method: 'post' //上传接口的http类型
                ,success: function(res){
                    $(window.self).parents(".btn_upload").find("[type=hidden]").val(res.url)
                    $(window.self).parents(".btn_upload").find("img").attr("src",res.url)
                }
            });
        });
    });

    layui.use('form', function(){
        var form = layui.form();
        form.on('switch(switchTest)', function(data){
            layer.tips('开关checked：'+ (this.checked ? 'true' : 'false'), data.othis)
        });
        //监听提交
        form.on('submit(formDemo)', function(data){
            data.field.tags=$("#tags").val()
            //layer.msg(JSON.stringify(data.field));
            $.ajax({
                url: "/live/update.json",
                data:data.field,
                type: "POST",
                dataType: "json",
                success: function(data) {
                    if(data.rescode == 0) {
                        window.location.href = "/live/list";
                    } else {
                        layer.msg(data.resmsg);
                    }
                },
                error: function(er) {
                    BackErr(er);
                }
            });
            return false;
        });
    });
    var waitContent = UE.getEditor('waitArticle');
    var liveData = UE.getEditor('liveData');
    function uploadCallback(up, file, info){
        //将视频文件名字放到隐藏域
        $(".videoId").val(validate(get_uploaded_object_name(file.name)).replace(/vod\//g,""))
    }


    $(".keyword .layui-select-title").hide()
    $("#tags").select2({
        tags: true,
        placeholder: "请输入关键字",
        allowClear: true
    });

</script>
</body>
</html>